<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php require_once("ws-header_require.php"); ?>
<title><?php returnTitle('Dansk Café Service - alt det bedste herfra'); ?></title>
</head>
<body>
<div class="container">
	<?php require_once('ws-header.php'); ?>
	
	<div class="content">
		<?php $t = 2; require_once('ws-navigation.php'); ?>
		
		<div class="main-content clear-fix" id="shopcart-page">
			<div class="content-left">				 						
				<div id="order-list-2">
					<!--
					<ul class="main-order-list">
						<li><a href="shopcart.php">Seneste bestilling</a></li>						
						<li><a class="activeCate" href="shopcart.php">Mine varer</a></li>
					</ul>
					-->
				</div>
				<div class="filter-style-1">
					<form action="">
						<label>Date</label>
						<select name="" id="">
							<option value="">1</option>
							<option value="">2</option>
							<option value="">3</option>
							<option value="">4</option>
						</select>
						<label>Month</label>
						<select name="" id="">
							<option value="">1</option>
							<option value="">2</option>
							<option value="">3</option>
							<option value="">4</option>
						</select>
						<label>Year</label>
						<select name="" id="">
							<option value="">1</option>
							<option value="">2</option>
							<option value="">3</option>
							<option value="">4</option>
						</select>
						<a href="" id="btnFilter">Filter</a>
					</form>
				</div>
			</div>
			<div class="content-right" id="order-right">				
				<div class="filter-style-2 clear-fix">
					<h2>Yoghurt og creme fraiche</h2>
					<div id="filter-date">
						<form action="">
							<select name="" id="">
								<option value="">A</option>
								<option value="">B</option>
								<option value="">C</option>
							</select>
							<select name="" id="">
								<option value="">A</option>
								<option value="">B</option>
								<option value="">C</option>
							</select>
							<select name="" id="">
								<option value="">A</option>
								<option value="">B</option>
								<option value="">C</option>
							</select>
					</form>

					</div>
				</div>
				<div id="order-table">
					<ul class="table">
						<li class="table-history-caption clear-fix">
							<div class="table-col table-col-8">Dato</div>
							<div class="table-col table-col-9">Ordrenummer</div>
							<div class="table-col table-col-10">Beløb</div>
							<div class="table-col table-col-11">Status</div>
						</li>
						<?php 
						
						/*
						 * Demo only: 
						 */
						$dm_date = 10;
						$dm_id = 1000020265;
						
						for($i = 0; $i < 6;$i++){ ?>						
						<li class="table-each-category clear-fix">
							<div class="table-category clear-fix">
								<div class="table-col table-col-8"><?php echo $dm_date; $dm_date++; ?>.1.2012</div>
								<div class="table-col table-col-9"><?php echo $dm_id; $dm_id++; ?></div>
								<div class="table-col table-col-10">1.582,20 kr</div>
								<div class="table-col table-col-11">Ekspederet</div>
							</div>								
							<div class="table-category-content">
								<form action="">
									<ul class="table">
										<li class="table-caption clear-fix">
											<div class="table-col table-col-1">Varenr</div>
											<div class="table-col table-col-2">Varenavn</div>
											<div class="table-col table-col-3">Producent</div>
											<div class="table-col table-col-4">Enhed</div>
											<div class="table-col table-col-5">Enhed/colli</div>
											<div class="table-col table-col-6">Pris/enhed</div>
											<div class="table-col table-col-7">Antal colli</div>
										</li>
										<?php for($j = 0; $j < 3;$j++){ ?>							
										<li class="table-row clear-fix">
											<div class="table-col table-col-1">
												<a class="info-ico" data-reveal-id="prdDetail-1">Info</a>
												<p>635789</p>
												<div class="clear"></div>
											</div>
											<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
											<div class="table-col table-col-3">
												<p>Arla</p>
												<div class="col-3-setting">
													<a class="setting-1">Setting 1</a>
													<a class="setting-2">Setting 2</a>
													<a class="setting-3">Setting 3</a>
													<a class="setting-4">Setting 4</a>
													<a class="setting-5">Setting 5</a>								
													<div class="clear"></div>
												</div>								
												<div class="clear"></div>
											</div>
											<div class="table-col table-col-4">1 liter</div>
											<div class="table-col table-col-5">5</div>
											<div class="table-col table-col-6">11,86 kr</div>
											<div class="table-col table-col-7">
												<input class="table-quantity" type="text" value="1"/>									
												<input class="styled" type="checkbox" checked="checked" />
												<div id="prdDetail-1" class="reveal-modal prdDetail-div">
													<?php require ('product-detail.php'); ?>										
												     <a id="close-reveal-modal" class="close-reveal-modal"></a>
												</div>
												<div class="clear"></div>
											</div>
										</li>										
										<?php }?>				
									</ul>
									<a id="btnReorder">Reorder</a>
									<div class="clear"></div>
								</form>
							</div>
							<div class="clear"></div>
						</li>
						<?php } ?>
					</ul>
				</div>                
			</div>			
		</div>
		
	</div>
	<?php require_once('footer.php'); ?>
	<div class="bottom-body"></div>	
</div>

</body>
</html>
